<div class="header-section">

    <a class='toggle-btn'><i class='fa fa-bars'></i></a>

    <!--notification menu start -->
    <div class='menu-right'>
        <!--<ul class='notification-menu'>-->
        <!--    <li>-->
        <!--        <a href='#' class='btn btn-default dropdown-toggle info-number' data-toggle='dropdown'>-->
        <!--            <i class='fa fa-history'></i>-->
        <!--            &lt;!&ndash;<span class='badge'>6</span>&ndash;&gt;-->
        <!--        </a>-->
        <!--        <div class='dropdown-menu dropdown-menu-head pull-right'>-->
        <!--            <h5 class='title'>只显示最多5条记录</h5>-->
        <!--            <ul class='dropdown-list'>-->
        <!--                <li class='notification-scroll-list notification-list '>-->
        <!--                    &lt;!&ndash; list item&ndash;&gt;-->
        <!--                    <a href='' class='list-group-item' v-for="(item,index) in history.slice(0,5)">-->
        <!--                        <div class='media'>-->
        <!--                            <div class='pull-left p-r-10'>-->
        <!--                                <em class='fa fa-shopping-cart noti-primary'></em>-->
        <!--                            </div>-->
        <!--                            <div class='media-body'>-->
        <!--                                <h5 class='media-heading'>{{item.name}}</h5>-->
        <!--                                <p class='m-0'>-->
        <!--                                    <small>{{item.timeDiff}}</small>-->
        <!--                                </p>-->
        <!--                            </div>-->
        <!--                        </div>-->
        <!--                    </a>-->
        <!--                </li>-->
        <!--                <li class='last'><a href='history.html'>查看所有足迹</a></li>-->
        <!--            </ul>-->
        <!--        </div>-->
        <!--    </li>-->

        <!--    &lt;!&ndash;<li>-->
        <!--        <a href='#' class='btn btn-default dropdown-toggle info-number' data-toggle='dropdown'>-->
        <!--            <i class='fa fa-bell-o'></i>-->
        <!--            <span class='badge'>6</span>-->
        <!--        </a>-->
        <!--        <div class='dropdown-menu dropdown-menu-head pull-right'>-->
        <!--            <h5 class='title'>Notifications</h5>-->
        <!--            <ul class='dropdown-list normal-list'>-->
        <!--                <li class='message-list message-scroll-list'>-->
        <!--                    <a href='#'>-->
        <!--                    <span class='photo'> <img src='assets/images/avatar/name'-->
        <!--                                              class='img-circle' alt='img'></span>-->
        <!--                        <span class='subject'>石头记</span>-->
        <!--                        <span class='message'> New tasks needs to be done</span>-->
        <!--                        <span class='time'>15 minutes ago</span>-->
        <!--                    </a>-->
        <!--                </li>-->
        <!--                <li class='last'><a href='#'>All Messages</a></li>-->
        <!--            </ul>-->
        <!--        </div>-->
        <!--    </li>&ndash;&gt;-->
        <!--    <li>-->
        <!--        <a href='#' class='btn btn-default dropdown-toggle' data-toggle='dropdown'>-->
        <!--            <img src='assets/images/avatar/1610176679728.jpg' alt=''/>-->
        <!--            {{user.userName}}-->
        <!--            <span class='caret'></span>-->
        <!--        </a>-->
        <!--        <ul class='dropdown-menu dropdown-menu-usermenu pull-right'>-->
        <!--            &lt;!&ndash;<li><a href='#'> <i class='fa fa-wrench'></i> uff </a></li>&ndash;&gt;-->
        <!--            <li><a href='user.html'> <i class='fa fa-user'></i> 个人中心 </a></li>-->
        <!--            <li><a href='history.html'> <i class='fa fa-info'></i> 我的足迹 </a></li>-->
        <!--            <li><a href='#' @click="loginout"><i class='fa fa-lock'></i> 退出登录 </a></li>-->
        <!--        </ul>-->
        <!--    </li>-->

        <!--</ul>-->
    </div>
    <!--notification menu end -->

</div>